<template>
	<view class="empty" :style="{'--bg-color':bgColor}">
		<image src="http://51-jzt-dev.oss-cn-hangzhou.aliyuncs.com/miniapp/empty.png" mode="aspectFit"></image>
		<view class="">
			{{ text }}
		</view>
	</view>
</template>

<script setup>
	defineProps({
		bgColor:{
			type: String,
			default:'none'
		},
		text:{
			type: String,
			default: '这里暂时什么都没有哦'
		}
	})
</script>

<style lang="scss">
	.empty {
		width: 100%;
		border-radius: 20rpx;
		padding: 32rpx;
		box-sizing: border-box;
		background: var(--bg-color);
		image {
			height: 250rpx;
			display: block;
			margin: 0 auto;
		}

		view {
			text-align: center;
			color: #86909C;
			font-size: 24rpx;
		}
	}
</style>